
.main{
    box-sizing: border-box;
    background:linear-gradient(#f4f1e9,#fff) ;
    height: 100vh;
    padding-top: 40px;
    display: none;
}
.top img{
    width: 23px;
    height: 23px;
}

 
*{
    margin: 0;
    padding: 0;
}

.mi_con img{
    width: 100px;
    height: 100px;
    margin: 10px auto;
}
.p_con{
    width: 332px;
height: 117px;
border-radius: 15px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(219, 176, 246, 0.25);
margin: 10px auto;
margin-top: -60px;
padding-top: 40px;
box-sizing: border-box;
}
.infos span{
    display: inline-block;
    width: 50px;
height: 13px;
border-radius: 9px;
border: 0.2px solid #000;
background: rgba(255, 255, 255, 0.00);
font-size: 8px;
}
.edite{
    width: 27px;
    height: 12px;
    border-radius: 9px;
border: 0.2px solid #000;
font-size: 9px;
font-style: normal;
font-weight: 600;
}
.r_item img{
    width: 100px;
    height: 100px;
    font-size: 15px;
}
.r_content{
    padding-top: 16px;
}
.c_bot img{
width: 100%;
height: 86px;
}
.mine{
    width: 280px;
    height: 100vh;
    z-index: 999;
    left: 0;
    top: 0;
    background-color: #fff;
    overflow: hidden;
    display: none;
}
.mine .bgs{
    position: absolute;
    left:-65vw;
    top: 0;
    width: 560px;
    height: 100vh;
    filter: blur(10px);
    z-index: -99;

}
.sl_content{
    width: 213px;
height: 232px;
flex-shrink: 0;
border-radius: 15px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(219, 176, 246, 0.25);
margin-top: 60px;
margin-left: 20px;
}
.sl_item{
    text-align: left;
    padding: 12px;
    box-sizing: border-box;
border-bottom: 1px solid #ccc;
font-size: 16px;
}
.sign_out{
    width: 213px;
    height: 55px;
    line-height: 55px;
    flex-shrink: 0;
    border-radius: 15px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(219, 176, 246, 0.25);
margin: 100px auto;
}
.info_content{
    width: 332px;
height: 112px;
border-radius: 15px;
background-color: #fff;
box-shadow: 0px 4px 4px 0px rgba(219, 176, 246, 0.25);
}
.info_item{
    text-align: left;
    padding: 6px 0;
    box-sizing: border-box;
    width: 95px;
    font-size: 12px;
    height: 72px;
    flex-shrink: 0;
    border-radius: 15px;
background: linear-gradient(180deg, rgba(236, 200, 249, 0.29) 0%, rgba(255, 255, 255, 0.70) 47.92%, rgba(255, 255, 255, 0.22) 100%);
}
.tabs{
    font-size: 15px;
}
.line{
    width: 24.5px;
    stroke-width: 3px;
    stroke: #FF5E18;
    margin-top: 12px;
}
.s_list{
    width: 332px;
height: 202px;
flex-shrink: 0;
border-radius: 15px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(219, 176, 246, 0.25);
}
.c_bot{
    width: 100vw;
    bottom: 86px;
    left: 0;
}
.bott{
    bottom: 86px;
    left: 0;
}